<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="/static/img/logo.png"/>
    <title>启慧信息技术公司人事管理系统</title>
    <link href="/static/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/css/mmss.css"/>
    <link rel="stylesheet" href="/static/css/font-awesome.min.css"/>
    <!--[if lt IE 9]>
    <script src="/static/js/html5shiv.min.js"></script>
    <script src="/static/js/respond.min.js"></script>
    <![endif]-->
    <style>

    </style>
</head>
<body>
<header>
    <div class="container-fluid navbar-fixed-top bg-primary">
        <ul class="nav navbar-nav  left">
            <li class="text-white h4">
                &nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-leaf"></span>&nbsp;&nbsp;<b>启慧信息技术公司人事管理系统</b>
            </li>
        </ul>
        <ul class="nav navbar-nav nav-pills right ">
<!--            <li class="bg-warning ">-->
<!--                <a href="#"><span class="glyphicon glyphicon-tasks"></span><span class="badge">1</span></a>-->
<!--            </li>-->
<!--            <li class="bg-success">-->
<!--                <a href="#"><span class="glyphicon glyphicon-envelope"></span><span class="badge">2</span></a>-->
<!--            </li>-->
<!--            <li class="bg-danger">-->
<!--                <a href="#"><span class="glyphicon glyphicon-bell"></span></a>-->
<!--            </li>-->
            <li class="bg-info dropdown">
                <a class="dropdown-toggle" href="#" data-toggle="dropdown">
                    <span class="glyphicon glyphicon-user"></span>&nbsp;<span shiro:principal></span><span class="caret"></span>
                </a>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li class="text-center"><a href="#"><span class="text-primary">账号设置</span></a></li>
                    <li class="text-center"><a href="#"><span class="text-primary">消息设置</span></a></li>
                    <li class="text-center"><a href="#"><span class="text-primary">帮助中心</span></a></li>
                    <li class="divider"><a href="#"></a></li>
                    <li class="text-center"><a href="/login/logout"><span class="text-primary">退出</span></a></li>
                </ul>
            </li>
        </ul>
    </div>
</header>

<section>
    <div class="container-fluid">
        <div class="row ">
            <!--左侧导航开始-->
            <div class="col-xs-2 bg-blue">
                <br/>
                <div class="panel-group sidebar-menu" id="accordion" aria-multiselectable="true">
                    <!--主页,主页和下面所有菜单中的都是同级-->
                    <div class="panel panel-default menu-first menu-first-active">
                        <a data-toggle="collapse" data-parent="#accordion" href="index.html" aria-expanded="true"
                           aria-controls="collapseOne">
                            <i class="icon-home icon-large"></i> 主页
                        </a>
                    </div>
                    <!--系统管理开始-->
                    <div class="panel panel-default menu-first" shiro:hasPermission="sys:menu">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"
                           aria-controls="collapseOne"  >
                            <i class="icon-user-md icon-large"></i> 系统管理</a>
                        <div id="collapseOne" class="panel-collapse collapse " >
                            <ul class="nav nav-list menu-second">
                                <li  shiro:hasPermission="sys:user"><a  th:href="@{/user/list}"  target="main"><i class="icon-user"></i>用户管理</a></li>
                                <li shiro:hasPermission="sys:role"><a  th:href="@{/role/list}"  target="main"><i class="icon-edit"></i>角色管理</a></li>
                                <li shiro:hasPermission="sys:permission"><a  th:href="@{/permission/list}"  target="main"><i class="icon-trash"></i>权限管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <!--系统管理结束-->
                    <!--部门管理开始-->
                    <div class="panel panel-default menu-first" shiro:hasPermission="depart:menu">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
                           aria-expanded="false" aria-controls="collapseTwo" >
                            <i class="icon-book icon-large"></i>部门管理</a>
                        </a>
                        <div id="collapseTwo" class="panel-collapse collapse">
                            <ul class="nav nav-list menu-second">
                                <li shiro:hasPermission="depart:depart"><a th:href="@{/department/list}" target="main"><i class="icon-user"></i> 部门管理</a></li>
                                <li shiro:hasPermission="position:position"><a th:href="@{/position/list}" target="main"><i class="icon-user"></i> 职位管理</a></li>
                                <li shiro:hasPermission="user:user1"><a th:href="@{/user/list1}" target="main"><i class="icon-user"></i> 用户信息(部门职位)</a></li>

                            </ul>
                        </div>
                    </div>
                    <!--部门管理结束-->
                    <!--考勤管理开始-->
                    <div class="panel panel-default menu-first" shiro:hasPermission="kq:menu">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree"
                           aria-expanded="false" aria-controls="collapseThree"  >
                            <i class="icon-book icon-large"></i> 考勤管理</a>
                        </a>

                        <div id="collapseThree" class="panel-collapse collapse">
                            <ul class="nav nav-list menu-second">
                                <li shiro:hasPermission="leavee:leavee"><a th:href="@{/leavee/list}"  target="main"><i class="icon-user"></i> 请假信息</a></li>
                                <li shiro:hasPermission="attend:attend"><a th:href="@{/attend/list}"  target="main"><i class="icon-user"></i> 考勤信息</a></li>
                            </ul>
                        </div>
                    </div>
                    <!--考勤管理结束-->

                    <!--薪资管理开始-->
                    <div class="panel panel-default menu-first" shiro:hasPermission="fina:menu">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour"
                           aria-expanded="false" aria-controls="collapseFour"  >
                            <i class="icon-book icon-large"></i> 财务管理</a>
                        </a>

                        <div id="collapseFour" class="panel-collapse collapse">
                            <ul class="nav nav-list menu-second">
                                <li shiro:hasPermission="wage:wage"><a th:href="@{/wage/list}"  target="main"><i class="icon-user"></i> 薪资信息</a></li>
                                <li shiro:hasPermission="income:income"><a th:href="@{/company-income/list}"  target="main"><i class="icon-user"></i> 公司收入信息</a></li>

                            </ul>
                        </div>
                    </div>
                    <!--薪资管理结束-->
                    <!--招聘管理开始-->
                    <div class="panel panel-default menu-first" shiro:hasPermission="recruit:menu">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSix"
                           aria-expanded="false" aria-controls="collapseSix"  >
                            <i class="icon-book icon-large"></i> 招聘管理</a>
                        </a>

                        <div id="collapseSix" class="panel-collapse collapse">
                            <ul class="nav nav-list menu-second">
                                <li shiro:hasPermission="recruit:recruit"><a th:href="@{/recruit/list}"  target="main"><i class="icon-user"></i> 招聘需求</a></li>
                                <li shiro:hasPermission="interview:interview"><a th:href="@{/interview/list}"  target="main"><i class="icon-user"></i> 面试档案</a></li>

                            </ul>
                        </div>
                    </div>
                    <!--招聘管理结束-->
                    <!--公告管理开始-->
                    <div class="panel panel-default menu-first" shiro:hasPermission="notice:menu">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive"
                           aria-expanded="false" aria-controls="collapseFive"  >
                            <i class="icon-book icon-large"></i> 公告管理</a>
                        </a>

                        <div id="collapseFive" class="panel-collapse collapse">
                            <ul class="nav nav-list menu-second">
                                <li shiro:hasPermission="notice:notice"><a th:href="@{/notice/list}"  target="main"><i class="icon-user"></i> 公司公告</a></li>

                            </ul>
                        </div>
                    </div>
                    <!--公告管理结束-->


                </div>
            </div>
            <!--左侧导航结束-->
            <!----------------------------------------------------------------------------------------------------->
            <!--右侧内容开始-->
            <div class="col-xs-10">
                <iframe src="#" th:src="@{/view/main}" width="100%" height="630px" name="main" frameborder="0" ></iframe>
                <!----------------------------------------------------------    ------------------------------------------->
            </div>
            <!--右侧内容结束-->
        </div>
    </div>
</section>



<footer class="bg-primary navbar-fixed-bottom">
    <p class="text-center text-white">版权所有&copy;LIQING</p>
</footer>

<script src="/static/js/jquery-1.11.3.js"></script>
<script src="/static/js/bootstrap.js"></script>
<script>

    $(function () {
        $('dt').click(function () {
            $(this).parent().find('dd').show().end().siblings().find('dd').hide();
        });
    });
</script>
</body>
</html>